<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" href="./css/bootstrap.css"/>
    <style>
        .navbar-header img{
            width: 131px;
            height: 25px;
            margin-top: 12px;
        }
        a {
            color: #428bca;
            text-decoration: none;
        }
        a:hover,
        a:focus {
            color: #2a6496;
            text-decoration: none;
        }
        .header{
            width: 100%;
            height: 400px;
            background-image: url("./img/search-bg.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            position: relative;
        }
        .item img{
            width: 100%;
        }
        .item_3{
            height: 25px;
            width: 25px;
            margin: 10px 0 15px 15px;
        }
        .item_4{
            height: 25px;
            width: 25px;
            margin-right: 20px;
        }
        .item_3 img{
            height: 100%;
        }
        #header{
            background-color: white;
        }
        .center{
            background-color: #FDFDFD;
        }
        .center-top{
            height: 20px;
        }
        .item-panel{
            height: 407px;
        }
        .item_1{
            width: auto;
            height: 85px
        }
        .item_1 img{
            max-height: 100%;
            margin: 10px 0 15px 10px;
        }
        .item_2{
            float: left;
        }
        .text-white{
            color: white;
            text-shadow: 0 0 5px rgba(0, 0, 5, 0.7);
            font-weight: 500;
        }
        .padder-v {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        a.text-white:hover,
        a.text-white:focus {
            color: #EEE;
            text-decoration: none;
        }
        .bg-black {
            color: #7793a7;
            background-color: #1c2b36;
        }

        .bg-black.lt,
        .bg-black .lt {
            background-color: #263845;
        }
        .bg-black a {
            color: #96abbb;
        }
        .bg-black a:hover {
            color: #ffffff;
        }
        .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;}
    </style>
    <script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
    <!--<script type="text/javascript" src=" ./js/dropdown.js"></script>-->

</head>
<body>
    <header id="header" class="navbar navbar-fixed-top " data-spy="affix" data-offset-top="1">
        <div class="container">
            <div class="navbar-header">
                <a href="/"><img alt=" " src="./img/logo.png"></a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="m-l-n-xl nav navbar-nav ">

                    <li class="dropdown" id="dropdown_1">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                            <span>Scripts &amp; Code</span> <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" id="dropdown-menu_1" role="menu" aria-labelledby="dropdownMenu">
                        <li><a tabindex="-1" href="#">Action</a></li>
                        <li><a tabindex="-1" href="#">Another action</a></li>
                        <li><a tabindex="-1" href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a tabindex="-1" href="#">Separated link</a></li>
                    </ul>
                    </li>

                    <li class="dropdown" id="dropdown_2">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                            <span>Mobile Apps</span> <span class="caret"></span>
                            <ul class="dropdown-menu" id="dropdown-menu_2" role="menu" aria-labelledby="dropdownMenu">
                                <li><a tabindex="-1" href="#">Action</a></li>
                                <li><a tabindex="-1" href="#">Another action</a></li>
                                <li><a tabindex="-1" href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a tabindex="-1" href="#">Separated link</a></li>
                            </ul>
                        </a>
                    </li>

                    <li class="dropdown" id="dropdown_3">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                            <span>Themes</span> <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" id="dropdown-menu_3" role="menu" aria-labelledby="dropdownMenu">
                            <li><a tabindex="-1" href="#">Action</a></li>
                            <li><a tabindex="-1" href="#">Another action</a></li>
                            <li><a tabindex="-1" href="#">Something else here</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Separated link</a></li>
                        </ul>
                    </li>

                    <li class="dropdown" id="dropdown_4">
                        <a href="#" data-toggle="dropdown"  class="dropdown-toggle">
                            <span>Plugins</span> <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" id="dropdown-menu_4" role="menu" aria-labelledby="dropdownMenu">
                            <li><a tabindex="-1" href="#">Action</a></li>
                            <li><a tabindex="-1" href="#">Another action</a></li>
                            <li><a tabindex="-1" href="#">Something else here</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Separated link</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right" style="margin-top: 10px">
                    <li>
                        <div class="m-t-sm">
                            <a href="#" class="btn btn-default btn-sm">Login</a>
                            <a href="#" class="btn btn-sm btn-success m-l"><strong>Sign up</strong></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <div class="header">
        <div class="container">
            <div class="row" style="margin-top: 80px">
                <div class="col-md-8 col-md-offset-2 text-center">
                    <div class="padder-v">
                        <h1 class="text-white">Buy premium <strong>scripts</strong>, <strong>themes</strong>, <strong>templates</strong>, <strong>source code</strong> and <strong>plugins</strong> and build amazing websites &amp; apps.</h1>
                        <form id="search" class=""  data-target=".navbar-collapse" role="search" >
                            <div class="form-group frontpage-search m-b-xxl ">
                                <div class="input-group">
                                    <input type="text" name="term"  class="form-control input-lg " placeholder="for example 'social networking script'">
                                    <span class="input-group-btn">
                                        <button type="submit" class="btn btn-lg "><i class="fa fa-search"></i></button>
                                     </span>
                                </div>
                            </div>
                        </form>
                        <div style="margin-bottom: 30px;">
                            <a href="#" class="btn btn-lg btn-success ">Create a free account</a>
                            <a href="#" class="btn btn-lg">Browse popular items</a>
                            <a href="#" class="btn btn-lg">Sell your work</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="center" style="background-color: #edf1f2">
        <div class="container">
            <div class="center-top"></div>
            <p>Featured Scripts & Code</p>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview.jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon.png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script

                            </div>
                        </div>
                        <div class="row " style="height: 100px;margin: 10px 0 0 10px;">
                            Askpe - social network platform
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(1).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(2).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            This rating system is written in PHP. It uses AJAX, PHP session and SQLite.
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3">
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(3).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(3).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            DropShare is a PHP script created to allow web developers to use or create(open) their own file s...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(4).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(4).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            he Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>
                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <p>Featured Scripts & Code</p>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(4).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(5).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script

                            </div>
                        </div>
                        <div class="row " style="height: 100px;margin: 10px 0 0 10px;">
                            Askpe - social network platform
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(6).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(7).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            This rating system is written in PHP. It uses AJAX, PHP session and SQLite.
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3">
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(7).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(9).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            DropShare is a PHP script created to allow web developers to use or create(open) their own file s...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(8).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(10).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            he Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>
                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <p>Featured Scripts & Code</p>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(9).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(11).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script

                            </div>
                        </div>
                        <div class="row " style="height: 100px;margin: 10px 0 0 10px;">
                            Askpe - social network platform
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(10).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(13).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            This rating system is written in PHP. It uses AJAX, PHP session and SQLite.
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3">
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(11).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(14).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            DropShare is a PHP script created to allow web developers to use or create(open) their own file s...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(12).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(15).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            he Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>
                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <p>Featured Scripts & Code</p>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(13).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(17).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script

                            </div>
                        </div>
                        <div class="row " style="height: 100px;margin: 10px 0 0 10px;">
                            Askpe - social network platform
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(14).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(19).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            This rating system is written in PHP. It uses AJAX, PHP session and SQLite.
                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3">
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview(15).jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(21).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            DropShare is a PHP script created to allow web developers to use or create(open) their own file s...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>

                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="item-panel" style="background-color: white">
                        <div class="item">
                            <img src="./img/preview.jpg" alt=""/>
                        </div>
                        <div class="item_1">
                            <img src="./img/icon(22).png" alt=""/>
                            <div class="item_2">
                                Askpe - Social Network PHP Script
                            </div>
                        </div>
                        <div class="row "  style="height: 100px;margin: 10px 0 0 10px;">
                            he Advance Ajax Login With Session Timeout And Idle Auto Logout is developed to provide maximum ...

                        </div>
                        <div class="row" style="height: 40px;">
                            <div class="item_3" >
                                <img src="./img/8.png" alt=""/>
                            </div>

                        </div>
                        <div class="row" style="height: 40px">
                            <div class="col-md-3 item_3" >
                                <img src="./img/icon(1).png" alt=""/>
                            </div>
                            <div class="item_4" style="height: 40px;float: right">
                                $19
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <footer id="footer">
        <div class="bg-black lt ">
            <div class="container ">
                <div class="row m-t-xl m-b-xl">
                    <div class="col-sm-3">
                        <h4 class=" m-b-xl text-white font-thin"><span class="font-bold">Follow</span> us</h4>
                        <div class="m-b-xl">
                            <a href="https://www.facebook.com/codesterhq" target="_blank" class="btn btn-icon btn-facebook"><i class="fa fa-lg fa-facebook m-t-xxs"></i></a>
                            <a href="https://twitter.com/codesterhq" target="_blank" class="btn btn-icon btn-twitter"><i class="fa fa-lg fa-twitter m-t-xxs"></i></a>
                            <a href="https://plus.google.com/+Codester" target="_blank" class="btn btn-icon btn-googleplus"><i class="fa fa-lg fa-google-plus m-t-xxs"></i></a>
                            <a href="https://www.pinterest.com/codesterhq/" target="_blank" class="btn btn-icon btn-pinterest"><i class="fa fa-lg fa-pinterest m-t-xxs"></i></a>
                            <a href="#" target="_blank" class="btn btn-icon btn-rss"><i class="fa fa-lg fa-rss m-t-xxs"></i></a>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <h4 class=" m-b text-white font-thin"><span class="font-bold">Popular</span> categories</h4>
                        <ul class="list-unstyled text-md">
                            <li><a href="#">PHP Scripts</a></li>
                            <li><a href="#">iOS App Source Code</a></li>
                            <li><a href="#">Android App Source Code</a></li>
                            <li><a href="#">Wordpress Plugins</a></li>
                            <li><a href="#">Wordpress Themes</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-3">
                        <h4 class="m-b text-white font-thin"><span class="font-bold">More</span> info</h4>
                        <ul class="list-unstyled text-md">
                            <li><a href="#">About Codester</a></li>
                            <li><a href="#">Sell your work</a></li>
                            <li><a href="#">Affiliate program</a></li>
                        </ul>
                    </div>

                    <div class="col-sm-3">
                        <h4 class=" m-b text-white font-thin"><span class="font-bold">Help</span> &amp; support</h4>
                        <ul class="list-unstyled text-md">
                            <li><a href="#">Support</a></li>
                            <li><a href="#">Forum</a> <small><span class="label label-info m-l-xs">New</span></small></li>
                            <li><a href="#">Blog</a></li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <div class="bg-black">
            <div class="container">
                <div class="row padder-v m-t">
                    <div class="col-xs-8">
                        <ul class="list-inline">
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Terms &amp; conditions</a></li>
                            <li><a href="#">Member terms</a></li>
                            <li><a href="#">Privacy policy</a></li>

                        </ul>
                    </div>
                    <div class="col-xs-4 text-right">
                        Codester © 2015
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script>
//        $(document).ready(function(){
//            $(".dropdown").click(function(){
//                $(".dropdown-menu").fadeToggle("slow");
//            });
//        });
        $(document).ready(function(){
            $("#dropdown_1").click(function(){
                $("#dropdown-menu_1").slideToggle(1000);
            });
            $("#dropdown_2").click(function(){
                $("#dropdown-menu_2").slideToggle(1000);
            });
            $("#dropdown_3").click(function(){
                $("#dropdown-menu_3").slideToggle(1000);
            });
            $("#dropdown_4").click(function(){
                $("#dropdown-menu_4").slideToggle(1000);
            });
        });
//$(document).ready(function() {
//    //第一部分
//    // Top Menu
//    //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.dropdown-menu*)
//    $("ul.dropdown-menu").parent().append("<span></span>");
//
//    //第二部分
//    $("ul.dropdown li span").click(function() { //When trigger is clicked...
//        //Following events are applied to the dropdown-menu itself (moving dropdown-menu up and down)
//
//        //Drop down the dropdown-menu on click
//        $(this).parent().find("ul.dropdown-menu").slideDown('fast').show();
//
//        //在click后给绑定hover处理函数，感觉是比较巧妙的地方
//        $(this).parent().hover(function() {
//        }, function() {
//            //When the mouse hovers out of the dropdown-menu, move it back up
//            $(this).parent().find("ul.dropdown-menu").slideUp('slow');
//        });
//        //Following events are applied to the trigger (Hover events for the trigger)
//    }).hover(function() {
//        //On hover over, add class "hover"
//        $(this).addClass("hover");
//    }, function() {    //On Hover Out
//        //On hover out, remove class "hover"
//        $(this).removeClass("hover");
//    });
//    //第三部分
//    $("ul.dropdown li ul.dropdown-menu li").hover(function() {
//        $(this).find("ul.dropdown-menu1:first").show("slow");
//    }, function() {
//        $(this).find("ul.dropdown-menu1:first").hide("fast");
//    });
//});
    </script>
</body>
</html>